<template>
    <div>
        <h2>{{ pizzaName }} 订单</h2>
        <p>尺寸：{{ selectedSize }} 寸</p>
        <p>价格：{{ totalPrice }}元</p>

        <select v-model="selectedSize">
            <option :value="9">9寸</option>
            <option :value="12">12寸</option>
        </select>

        <button @click="addToCart">加入购物车</button>

        <div v-if="isSpecialOffer">
            🎉 今日特价：买一送一！
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            selectedSize: 9, // 默认选中9寸
            isSpecialOffer: true
        }
    },
    computed: {
        totalPrice() {
            return this.selectedSize * 15
        }
    },
    methods: {
        addToCart() {
            // 这里可以访问this.selectedSize和this.totalPrice
            console.log(`加入购物车：${this.selectedSize}寸披萨`)
        }
    }
}
</script>